$(document).ready(function(){
	var $speech = $('div.speech');
	var defaultSize = $speech.css('fontSize');
	$('#switcher button').click(function(){
		var num = parseFloat($speech.css('fontSize'));
		switch(this.id){
			case 'switcher-large':
				num *= 1.4;
				break;
			case 'switcher-small':
				num /= 1.4;
				break;
			default:
				$speech.css('fontSize', defaultSize);
				break;
		}
		$speech.animate({fontSize:num+'px'}, 'slow');
	});
	
	var $firstPara = $('p').eq(1);
	$firstPara.hide();
	$('a.more').click(function(){
		//$firstPara.slideToggle('slow');
		$firstPara.animate({
			opacity: 'toggle',
			height: 'toggle'
		}, 'slow');
		var $link = $(this);
		if($link.text()=='read more'){
			$link.text('read less');
		}else{
			$link.text('read more');
		}
		return false;
	});
	
	$('div.label').click(function(){
		var paraWidth = $('div.speech p').outerWidth();
		var $switcher = $(this).parent();
		var switcherWidth = $switcher.outerWidth();
		$switcher
			.css('position', 'relative')
			.fadeTo('slow', 0.5)
			.animate({
				left: paraWidth - switcherWidth
			},{
				duration: 'slow',
				queue: false 				// queue 设置为false时会将animate动作与前一动作同时执行
			})
			.fadeTo('slow', 1.0)
			.slideUp('slow', function(){
				$switcher.css('backgroundColor', '#f00');
			})
			.slideDown('slow');
	});
	
	$('p').eq(2).css('border', '1px solid #333').click(function(){
		var clickedItem = $(this);
		clickedItem.next().slideDown('slow', function(){
			clickedItem.slideUp('slow');
		});
	});
	$('p').eq(3).css('backgroundColor', '#ccc').hide();
});